<template>
<div class="bt-warning">
    <el-popover placement="top" width="166" v-model="visibleDisble">
        <p>是否要禁用此行？</p>
        <div style="text-align: right; margin: 0">
            <el-button size="mini" type="text" @click="visibleDisble = false">取消</el-button>
            <el-button type="primary" size="mini" @click="Disable">确定</el-button>
        </div>
        <el-button slot="reference" type="warning" v-if="_SHOWBTN(showBetCode)">禁用</el-button>
    </el-popover>
</div>
</template>

<script>
export default {
    data() {
        return {
            visibleDisble: false,
        };
    },
    props: ["row", "GetDisable", "showBetCode"],
    methods: {
        Disable() {
            this.visibleDisble = false;
            this.GetDisable({
                id: this.row.id,
                picCode: this.row.picCode,
            });
        },
    },
};
</script>

<style lang="less" scoped>
/deep/.el-button--warning {
    width: 60px;
    height: 28px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    border-radius: 4px;
    color: white;
    padding: 0;
    background: rgba(245, 166, 35, 1) !important;
}
</style>
